<template>
  <div class="wrapper">
    <MedicineDietHeader></MedicineDietHeader>
    <MedicineDietContents></MedicineDietContents>
  </div>
</template>

<script>
  import MedicineDietHeader from "./MedicineDietHeader";
  import MedicineDietContents from "./MedicineDietContents";
    export default {
        name: "MedicineDiet",
        data() {
            return {
            }
        },
        components: {
            MedicineDietHeader,
            MedicineDietContents
        },
        methods: {
        },
        mounted() {
        }
    }
</script>

<!-- 将样式应用到子组件里 -->
<style >
  .wrapper {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
  }
  button {
    cursor: pointer; /*鼠标移至button上变为手形 */
  }
  input,select,button{
    outline: none;  /*取消输入或点击时边框加粗*/
  }
</style>
